<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>速比坤洗衣中心</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <link rel="stylesheet" href="__PUBLIC__/portal/css/weui.min.css"/>
  <link rel="stylesheet" href="__PUBLIC__/portal/iconfont/iconfont.css" />
  <link rel="stylesheet" href="__PUBLIC__/portal/css/comm.css" />
  <link rel="stylesheet" href="__PUBLIC__/portal/css/picker.css" />
  <link rel="stylesheet" href="__PUBLIC__/portal/css/swiper.min.css" />
</head>
<body ontouchstart>
<div class="container">
	  <!--header-->
	  <div class="weui-navbar">
		    <div class="weui-cell" style="width: 100%;">
		        <div class="weui-cell__bd">
		            <a href="#"><i class="icon iconfont icon-location"></i><span>上海</span></a>
		        </div>
		        <div class="weui-cell__ft">
		        	  <a href="#"><i class="icon iconfont icon-consume"></i></a>
		        	  <a href="#"><i class="icon iconfont icon-record"></i></a>
		        	  <a href="#"><i class="icon iconfont icon-user"></i></a>
		        </div>
		    </div>
	  </div>
	  <!--header end-->
	  <div class="weui-tab__panel">
	    <div class="swiper-container">
	    	<!--快洗 幻灯片img-->
        <div class="swiper-wrapper">
	        <div class="swiper-slide"><img src="__PUBLIC__/portal/img/banner-01.jpg"></div>
	        <div class="swiper-slide"><img src="__PUBLIC__/portal/img/banner-01.jpg"></div>
	        <div class="swiper-slide"><img src="__PUBLIC__/portal/img/banner-01.jpg"></div>
        </div>
        <!--快洗 幻灯片img end-->
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="mark">
        	  <!--快洗-->
        	  <div class="middle-title">
        	  	<h2>快洗<i class="icon iconfont icon-fast"></i></h2>
        	  	<a href="#">查看更多</a>
        	  </div>
        	  <!--快洗 end-->
        </div>
	    </div>

	    <div class="swiper-container">
	    	<!--精洗 幻灯片img-->
        <div class="swiper-wrapper">
	        <div class="swiper-slide"><img src="__PUBLIC__/portal/img/banner-02.jpg"></div>
	        <div class="swiper-slide"><img src="__PUBLIC__/portal/img/banner-02.jpg"></div>
	        <div class="swiper-slide"><img src="__PUBLIC__/portal/img/banner-02.jpg"></div>
        </div>
        <!--精洗 幻灯片 img end-->
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="mark">
        	<!--精洗-->
        	<div class="middle-title">
	    	  	<h2>精洗<i class="icon iconfont icon-fine"></i></h2>
	    	  	<a href="#">查看更多</a>
	    	  </div>
	    	  <!--精洗 end-->
        </div>
	    </div>
	    <article class="weui-article" style="padding: 0;">
	    	<p>
	        <img src="__PUBLIC__/portal/img/banner-03.jpg" alt="">
	      </p>
      </article>

  </div>
</div>
<!--foot button-->
<div class="weui-footer weui-footer_fixed-bottom">
	<a href="javascript:;" class="weui-btn weui-btn_warn">我要洗衣</a>
</div>
<!--foot button end-->
<script src="__PUBLIC__/portal/js/zepto.min.js"></script>
<script src="__PUBLIC__/portal/js/weui.min.js"></script>
<script src="__PUBLIC__/portal/js/swiper.min.js" ></script>
<script>
	var swiper = new Swiper('.swiper-container', {
	    pagination: '.swiper-pagination',
	    nextButton: '.swiper-button-next',
	    prevButton: '.swiper-button-prev',
	    slidesPerView: 1,
	    paginationClickable: true,
	    spaceBetween: 30,
	    loop: true
	});
</script>
</body>
</html>
